



<div id="mydropzone" class="dropzone" style="">
    

    
</div>
<script>
   Dropzone.autoDiscover = false;
   var myDropzone = new Dropzone("div#mydropzone", { 
		url: "http://localhost:8080/weixin/basicData/queryFile",//上传地址
		paramName: "file",//文件类型
		maxFilesize: 0.5, // MB
		maxFiles: 1,//可上传数量
		acceptedFiles: ".jpg,.png,.gif",//上传文件类型
        dictResponseError: '文件上传失败!',//上传失败提示
        dictInvalidFileType: "你不能上传该类型文件,文件类型只能是*.jpg,*.gif,*.png。",//类型错误提示
        dictFallbackMessage:"浏览器不受支持",
        dictFileTooBig:"文件过大上传文件最大支持.",
        dictMaxFilesExceeded:"上传文件数量过多，上传失败,请删除",
        //previewsContainer:"#adds", //显示的容器
        //previewTemplate: document.querySelector('#dz-preview dz-file-preview').innerHTML,//设置显示模板
        addRemoveLinks:true,
        dictCancelUpload:"取消上传",
        dictCancelUploadConfirmation:"确认取消上传",
        dictRemoveFile:"删除",
        clickable:false,
        //createImageThumbnails: true,
        //maxThumbnailFilesize: 10,
        //thumbnailWidth: 80,
        //thumbnailHeight: 80,
        //filesizeBase: 1000,
        init:function(){
            this.on("addedfile", function(file) { 
            //上传文件时触发的事件
                console.log("上传文件时触发的事件");
            });
            this.on("queuecomplete",function(file) {
                //上传完成后触发的方法
                console.log(file);
                console.log("上传完成后触发的方法");
            });
            this.on("removedfile",function(file){
                //删除文件时触发的方法
                console.log("删除文件时触发的方法");
            });
            this.on("success",function(file,retdata){
                //获取后台返回数据
                console.info(retdata);
            })
            this.on("dragover",function(ev){
                console.info(ev);
            })
        }
   });
</script>